单击事件(onclick)是在鼠标单击时被触发的事件。
单击是指鼠标停留在对象上,按下鼠标键,在没有移动鼠标的同时放开鼠标键的这
完整过程。
单击事件般应用于Button对象、Checkbox对像、Image对象、Link对象、Radio对象、Reset对象和Submit对象。Button 对象一般只会用到 onclick事件处理程序,因为该对象不能从用户那里得到任何信息,如果没有onclick事件处理程序,按钮对象将不会有任何作用。
完整过程。
单击事件般应用于Button对象、Checkbox对像、Image对象、Link对象、Radio对象、Reset对象和Submit对象。Button 对象一般只会用到 onclick事件处理程序,因为该对象不能从用户那里得到任何信息,如果没有onclick事件处理程序,按钮对象将不会有任何作用。
下面通过单击 “变换背景”按钮,动态的改变页面的背景颜色,当用户再次单击按钮时,页面背景将以不同的颜色进行显示,
程序代码如下。
<body bgcolor=" #FFCC99">
<script language="javascript">
var Arraycolor=new Array("olive","teal", "red", "blue", "maroon", "navy","Iise","fuschia", "green", "purple", "gray","yellow", "aqua", "white", "silver");
var n=0;
function turncolors () {
if (n== (Arraycolor. length-1))
程序代码如下。
<body bgcolor=" #FFCC99">
<script language="javascript">
var Arraycolor=new Array("olive","teal", "red", "blue", "maroon", "navy","Iise","fuschia", "green", "purple", "gray","yellow", "aqua", "white", "silver");
var n=0;
function turncolors () {
if (n== (Arraycolor. length-1))
n=0;
n++;
document .bgColor = Arraycolor[n] ;
</ script>
<form name="form1" method= "post" action="">
<input type="button" name= "Submit" value=" 变换背景”οnclick="turncolors0)">
n++;
document .bgColor = Arraycolor[n] ;
</ script>
<form name="form1" method= "post" action="">
<input type="button" name= "Submit" value=" 变换背景”οnclick="turncolors0)">
<P>用按钮随意变换背景颜色。
</ form>
</body>
</ form>
</body>